<script setup>
import {ref} from "vue";
const props = defineProps({
  curIndex : {
    type: Number,
    default: 0
  }
})
const list =[
  {
    "pagePath": "/pages/user/sign-fun",
    "Path": "未登记(4)",


  },{
    "pagePath": "/pages/user/sign2-fun",
    "Path": "已登记(1000)",


  }
]

const toTabbar = (path,index)=>{
  uni.navigateTo({
    url:path
  });
}
</script>

<template>
  <view class="main1">
    <view v-for="(item,index) in list" :key="index" @click="toTabbar(item.pagePath,index)">
      {{item.Path}}
    </view>
  </view>
</template>

<style scoped>

.main1{
  margin: 0 12px 12px 12px;

  width: 350px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-around;
  align-items: center;

}
Path{
  width: 100%;
  height: 20px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 14px;
  color: #5D5E5D;
  text-align: center;
}
.checked{
  color: #151618;
}
</style>